<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付宝 支付托！</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="icon" href="./img/logo.jpg" type="">
    <script src="./js/index.js"></script>
</head>
<body>
<header>
    <div class="item">
    <ul class="ul1">
        <li>
            <a href="#" class="a1">个人</a>
        </li>
        <li>
            <a href="#">企业</a>
        </li>
        <li>
            <a href="#">合作伙伴</a>
        </li>
    </ul>
    <ul class="ul2">
        <li>
            <a href="#">支付宝APP</a>
        </li>
        <li>
            <span>|</span>
        </li>
        <li>
            <a href="#" onmouseover="inversion1()" onmouseout="inversion2()">客户服务 <i id="arrow_down"></i></a>
            <ul class="ul3">
                <li><a href="#">服务大厅</a></li>
                <li><a href="#">自助业务</a></li>
                <li><a href="#">提建议</a></li>
            </ul>
        </li>
    </ul>
    </div>
</header>
<div class="div1">
    <div class="div1_1">
        <div class="div1_1_1">
            <img src="https://gw.alipayobjects.com/mdn/member_frontWeb/afts/img/A*oRlnSYAsgYQAAAAAAAAAAABkARQnAQ" alt="">
        </div>
        <ul>
            <li><a href="#" class="ul_a">首页</a></li>
            <li><a href="#">财富中心</a></li>
            <li><a href="#">安全保障</a></li>
            <li><span>|</span></li>
            <li><a href="#">商家中心</a></li>
            <li><a href="#">开放平台</a></li>
            <li class="img"><img src="https://img.alicdn.com/tfs/TB1rf4Cnrr1gK0jSZR0XXbP8XXa-88-64.png" alt=""></li>
        </ul>
        <div class="div1_1_2" id="div1_1_2">
            <div class="div1_1_2_1"><a href="#">登录</a></div>
            <div class="div1_1_2_2"><a href="#">注册</a></div>
        </div>
    </div>
</div>
<div class="div2">
    <div class="inner">
<!--第一页-->
    <video src="https://t.alipayobjects.com/images/T1T78eXapfXXXXXXXX.mp4" id="video"></video>
    <div class="div2_1">
        <div class="div2_1_1"><a href="#" onclick="circle1()" id="div2_1_1"></a></div>
        <div class="div2_1_2"><a href="#" onclick="circle2()" id="div2_1_2"></a></div>
        <div class="div2_1_3"><a href="#" onclick="circle3()" id="div2_1_3"></a></div>
        <div class="div2_1_4"><a href="#" onclick="circle4()" id="div2_1_4"></a></div>
        <div class="div2_1_5"><a href="#" onclick="circle5()" id="div2_1_5"></a></div>
        <div class="div2_1_6"><a href="#" onclick="circle6()" id="div2_1_6"></a></div>
        <div class="div2_1_7"><a href="#" onclick="circle7()" id="div2_1_7"></a></div>
    </div>
    <!--第二页-->
    <img src="./img/img8.jpg" alt="" id="img2_6">
    <img src="./img/img7.jpg" alt="" id="img2_5">
    <img src="./img/img4.jpg" alt="" id="img2_4">
    <img src="./img/img10.jpg" alt="" id="img2_3">
    <img src="./img/img3.jpg" alt="" id="img2_2">
    <img src="./img/img1.jpg" alt="" id="img2_1">
    
</div>
</div>
<div class="div3">
    <div class="div3_1" id="div3_1">
        <div class="div3_1_1" id="div3_1_1"></div>
        <div class="div3_1_2" id="div3_1_2">
            <a href="#">登录</a>
            <a href="#">注册</a></div>
    </div>
    <div class="div3_4" id="div3_4">
        <img src="./img/p2.png" alt="" id="img3_4_1">
    </div>
    <div class="div3_5" id="div3_5">
        <img src="./img/img2.png" alt="" id="img3_5_1">
    </div>
    <div id="div3_6">
        <img src="./img/img6.png" alt="" id="img3_6">
    </div>
    <div id="div3_7">
        <img src="./img/img5.png" alt="" id="img3_7">
    </div>
    <div id="div3_8">
        <img src="./img/p3.png" alt="" id="img3_8">
    </div>
    <div id="div3_9">
        <img src="./img/p4.png" alt="" id="img3_9">
    </div>
    <div id="div3_10">
        <img src="./img/p5.png" alt="" id="img3_10">
    </div>
    <div id="div3_11">
        <img src="./img/p6.png" alt="" id="img3_11">
    </div>
    <div id="lastPage">
        <div id="content1">
            <div class="content1_1">
                <img src="./img/foot1-1-1.png" alt="">
                <span>付款，是件简单的事</span>
                <p>
                    <a href="#">付款方式</a>|
                    <a href="#">134家金融机构</a>
                </p>
            </div>
            <div class="content1_2">
                <img src="./img/foot1-1-2.png" alt="">
                <span>会员保障，安心付款</span>
                <p>
                    <a href="#">安全升级</a>|
                    <a href="#">应急服务</a>|
                    <a href="#">理赔服务</a>
                </p>
            </div>
            <div class="content1_3">
                <img src="./img/foot1-1-3.png" alt="">
                <span>海外商品，想购就购</span>
                <p>
                    <a href="#">全球直购</a>|
                    <a href="#">海外直邮</a>
                </p>
            </div>
            <div class="content1_4">
                <img src="./img/foot1-1-4.png" alt="">
                <span>玩转支付宝</span>
                <p>
                    <a href="#">如何购物</a>|
                    <a href="#">新手须知</a>|
                    <a href="#">我要开店</a>
                </p>
            </div>
        </div>
        <div id="content2">
            <div class="content2_1">
                <p><a href="#">支付宝收费规则</a>|
                    <a href="#">支付宝服务协议</a>
                </p>
            </div>
            <div class="content2_2">
                <p><a href="#">支付宝隐私权政策</a>|
                    <a href="#">支付宝儿童个人信息保护规则</a>
                </p>
            </div>
            <div class="content2_3">
                <p><a href="#">蚂蚁金服客户权益保障承诺书</a></p>
            </div>
            <div class="content2_4">
                <span>公告</span>
                <p><a href="#">支付宝服务协议的更新公告</a>
                    <a href="#">《关于防范和打击电信网络诈骗...</a>
                </p>
            </div>
            <div class="content2_5">
                <span>支付宝官方微博</span><a href="#">+关注</a>
            </div>
            <div class="content2_6">
                <p>下载支付宝</p>
                <img src="./img/二维码.jpg" alt="">
            </div>
            <div class="content2_7">
                <p>支付宝E公益</p>
                <p>帮助听力智障儿童，献爱心。</p>
                <a>立即查看</a>
                <img src="./img/children.jpg" alt="">
            </div>
        </div>
        <div id="content3">
            <p>
                <a href="">诚征英才</a><span>|</span>
                <a href="">联系我们</a><span>|</span>
                <a href="">International Business 经营许可证编号：合字B2-20190046</a><span>|</span>
                <a href="">网站备案：沪ICP备15027489号</a>
            </p>
            <p>
                <a href="">蚂蚁金服集团</a><span>|</span>
                <a href="">支付宝</a><span>|</span>
                <a href="">余额宝</a><span>|</span>
                <a href="">芝麻信用</a><span>|</span>
                <a href="">蚂蚁微贷</a><span>|</span>
                <a href="">网商银行</a><span>|</span>
                <a href="">蚂蚁达客</a>
            </p>
            <p>
                <a href="">阿里巴巴集团</a><span>|</span>
                <a href="">淘宝网</a><span>|</span>
                <a href="">天猫</a><span>|</span>
                <a href="">聚划算</a><span>|</span>
                <a href="">全球速卖通</a><span>|</span>
                <a href="">阿里巴巴国际交易市场</a><span>|</span>
                <a href="">1688</a><span>|</span>
                <a href="">阿里妈妈</a><span>|</span>
                <a href="">阿里旅行·去啊</a><span>|</span>
                <a href="">阿里云计算</a><span>|</span>
                <a href="">AliOS</a><span>|</span>
                <a href="">阿里通信</a><span>|</span>
                <a href="">万网</a><span>|</span>
                <a href="">高德</a><span>|</span>
                <a href="">优视</a><span>|</span>
                <a href="">友盟</a><span>|</span>
                <a href="">虾米</a><span>|</span>
                <a href="">天天动听</a><span>|</span>
                <a href="">来往</a><span>|</span>
                <a href="">钉钉</a>
            </p>
            <p>
                <img src="./img/foot2-1.png" alt="">
                <img src="./img/foot2-2.png" alt="">
                <img src="./img/foot2-3.png" alt="">
                <img src="./img/foot2-4.png" alt="">
                <img src="./img/foot2-5.png" alt="">
            </p>
        </div>
    </div>
    <!--下翻按钮-->
    <div class="div3_2" id="div3_2">
        <a href="#" class="arrowdown" onclick="turn_down()"><img src="../支付宝/img/图层%201.png" alt=""></a>
    </div>
    <!--播放按钮-->
    <div class="div3_3" id="div3_3">
        <a href="#" class="videoPlay" onclick="play()" ondblclick="pause()"><img src="../支付宝/img/图层3.png" alt="" id="videoplay"></a>
    </div>
</div>
<footer id="footer">
    <div id="room">
    <div>
        <img src="./img/foot.png" alt=""><span>|</span>
        <div id="footer1">
        <p>转账付款</p>
        <p>转到支付宝账户，瞬间到账 | 转到银行卡，2小时到账</p>
        </div>
    </div>
    </div>
</footer>
</body>
</html>